<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>管理员登录</title>

    <!-- Google Font: Source Sans Pro -->
    <link rel="stylesheet"
          href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
    <!-- Font Awesome -->
    <link rel="stylesheet" href="plugins/fontawesome-free/css/all.min.css">
    <!-- icheck bootstrap -->
    <link rel="stylesheet" href="plugins/icheck-bootstrap/icheck-bootstrap.min.css">
    <!-- Theme style -->
    <link rel="stylesheet" href="dist/css/adminlte.min.css">

    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/bootstrap-table.min.css">

    <script src="js/jquery-3.3.1.js"></script>
    <script src="js/jquery-form.js"></script>
    <script src="js/bootstrap.bundle.min.js"></script>
    <script src="js/bootstrap-table.min.js"></script>
    <script src="js/bootstrap-table-zh-CN.min.js"></script>
    <script src="js/login.js"></script>

</head>
<body class="hold-transition login-page" style="background-color: #ade9f5">
<div class="login-box">

    <!-- /.login-logo -->
    <div class="card">
        <div class="card-body login-card-body">
            <div class="login-logo">
                <a href="#"><b>登录</b></a>
            </div>
            <form action="" method="post">
                <div class="input-group mb-3">
                    <input type="email" id="name" class="form-control" placeholder="账户">
                    <div class="input-group-append">
                        <div class="input-group-text">
                            <span class="fas fa-envelope"></span>
                        </div>
                    </div>
                </div>
                <div class="input-group mb-3">
                    <input type="password" class="form-control" id="password" placeholder="密码">
                    <div class="input-group-append">
                        <div class="input-group-text">
                            <span class="fas fa-lock"></span>
                        </div>
                    </div>
                </div>
                <div class="row" style="font-size: 15px;">
                    <div class="col-8">
                        <div class="icheck-primary">
<!--                            <input type="checkbox" id="remember">-->
<!--                            <label for="remember">-->
<!--                                记住账户-->
<!--                            </label>-->
                        </div>
                    </div>
                </div>
                <div class="col-4 container">
                    <button type="button" onclick="login()" class="btn btn-primary btn-block">登录</button>
                </div>
                <p style="color: red;" id="jg"></p>
            </form>

            <div class="social-auth-links text-center mb-3">
            </div>
            <!-- /.social-auth-links -->

<!--            <p class="mb-1 text-right">-->
<!--                <a href="#" onclick="UpDatePWD()">忘记密码</a>-->
<!--            <p class="mb-0 text-right">-->
<!--                <a href="#" onclick="Register()" class="text-center">新用户注册</a>-->
<!--            </p>-->
        </div>
        <!-- /.login-card-body -->
    </div>
</div>
<!-- /.login-box -->

<!-- Modal -->
<div class="modal fade" id="RegisterModal" tabindex="-1" aria-labelledby="exampleModalLabel"
     aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">新用户注册</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <form action="/Register.do" method="post" id="Register" enctype="multipart/form-data">
                    <div class="form-group">
                        <label class="col-form-label">新的账户:</label>
                        <input type="text" placeholder="必填." name="account" onclick="dian()" onblur="accid()" id="aid" class="form-control">
                        <span id="jgs" style="color: red;" hidden>用户已存在！请重新输入..</span>
                    </div>
                    <div class="form-group">
                        <label class="col-form-label">新的密码:</label>
                        <input type="text" placeholder="必填."  name="password" class="form-control">
                    </div>
                    <div class="form-group">
                        <label class="col-form-label">头像:</label>
                        <input type="file" name="filename"  class="form-control">
                    </div>
                    <div class="form-group">
                        <label class="col-form-label">真实姓名:</label>
                        <input type="text" name="rname" placeholder="必填."  class="form-control">
                    </div>
                    <div class="form-group">
                        <label class="col-form-label">性别:</label><br>
                        <div class="form-check form-check-inline" style="margin-top: 5px;">
                            <input class="form-check-input" type="radio" style="height: 20px;width: 20px;"  name="rsex" id="inlineRadio1"
                                   checked value="0">
                            <label class="form-check-label" for="inlineRadio1">男</label>
                        </div>
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" type="radio" style="height: 20px;width: 20px;" name="rsex" id="inlineRadio2"
                                   value="1">
                            <label class="form-check-label" for="inlineRadio2">女</label>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-form-label">手机号码:</label>
                        <input type="text" name="rphone" placeholder="必填."  class="form-control">
                    </div>
                    <div class="form-group">
                        <label class="col-form-label">电子邮件:</label>
                        <input type="text" name="remail" class="form-control">
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
                <button type="button" onclick="RegisterSubmit()" class="btn btn-primary">注册</button>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="ChangePWDModal" data-backdrop="static" data-keyboard="false" tabindex="-1"
     aria-labelledby="staticBackdropLabel"
     aria-hidden="true">
    <div class="modal-dialog  modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="staticBackdropLabel">找回密码</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
              <form method="post" id="PWD">
                <div class="form-group">
                  <label class="col-form-label">账户:</label>
                  <input type="text" id="accountpwd" name="account" class="form-control">
                </div>
                <div class="form-group">
                  <label class="col-form-label">新的密码:</label>
                  <input type="text" placeholder="必填." id="pwd01"  class="form-control">
                </div>
                <div class="form-group">
                  <label class="col-form-label">确定新的密码:</label>
                  <input type="text"  placeholder="必填." id="pwd02"  class="form-control">
                </div>
              </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
                <button type="button" id="ChangePWDSubmit" class="btn btn-primary">确认修改</button>
            </div>
        </div>
    </div>
</div>

<!-- jQuery -->
<script src="plugins/jquery/jquery.min.js"></script>
<!-- Bootstrap 4 -->
<script src="plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- AdminLTE App -->
<script src="dist/js/adminlte.min.js"></script>
</body>
</html>
